<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>文本间距属性(text spacing attribute)</title>
  <!-- 
  letter-spacing 和 word-spacing 是CSS属性，用于控制文本中字符间距和单词间距的大小。这两个属性的总结： 
    1.  letter-spacing ：用于设置字符之间的间距。 
      -  letter-spacing: normal; ：默认值，字符间距正常。 
      -  letter-spacing: length; ：指定固定的字符间距，可以使用像素（px）、百分比（%）等长度单位。 
    2.  word-spacing ：用于设置单词之间的间距。 
      -  word-spacing: normal; ：默认值，单词间距正常。 
      -  word-spacing: length; ：指定固定的单词间距，可以使用像素（px）、百分比（%）等长度单位。 
 
通过设置 letter-spacing 和 word-spacing 属性，可以调整文本中字符和单词之间的间距，从而实现不同的排版效果。
  -->
  <style>
    /* 设置字符之间的间距 */
    .letter-spacing {
      letter-spacing: 20px;
    }

    /* setting word spacing */
    .word-spacing {
      word-spacing: 20px;
    }
  </style>
</head>

<body>

  <div class="letter-spacing">
    my name is letter spacing
  </div>

  <div class="word-spacing">
    my name is word spacing
  </div>

</body>

</html>